<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>按键事件</title>
		<script>
			/**
			 * @param {Object} event 事件对象，包含触发的元素，按键
			 */
			function fun1(event) {
				// 如果用户按下是回车，提示“数据已提交:内容”
				// 如果用户按下的esc，清空输入框的内容
				// console.log(event.keyCode)
				if(event.keyCode === 13) {
					// enter键
					alert('数据已提交:' + event.target.value)
				}
				if(event.keyCode === 27) {
					// esc/alt按键清空内容
					event.target.value = ''
				}
			}
		</script>
	</head>
	<body>
		<!-- 监听特殊的按键 -->
		<!-- <input type="text" 
		onkeydown="console.log('按键按下去')" 
		onkeyup="console.log('按键弹上来')"/> -->
		<input type="text" onkeyup="fun1(event)"/>
	</body>
</html>